<template>
  <!--组织设置页面-->
  <!--一个大的div包含两个小div，其中一个小div分为左右两部分-->
  <div class="main-div-chil">
    <el-tabs type="border-card" style="height: 90%;">
      <el-tab-pane label="组织信息">
        <Info :pNode="pNode"></Info>
      </el-tab-pane>
      <el-tab-pane label="修改组织">
        <Edit :pNode="pNode"></Edit>
      </el-tab-pane>
      <el-tab-pane label="新增组织">
        <Add :pNode="pNode"></Add>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import Info from './Info/Index.vue'
  import Edit from './Edit/Index.vue'
  import Add from './Add/Index.vue'
  export default {
    props:["currentNode"],
    name: '',
    components: {
      Info,Edit,Add
    },
    data () {
      return {
        pNode:{},
      }
    },
    methods: {

    },
    watch:{
      currentNode:function(newData,oldData){
        this.pNode = newData;
      }
    }
  }
</script>
<style scoped>
  .main-div-chil{
    width: 100%;
    height: 100%;
  }
  .clearfix:before,
  .clearfix:after {
    display: table;
    content: "";
  }
  .clearfix:after {
    clear: both
  }
</style>
